<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <!-- 套css -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
      integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
      crossorigin="anonymous"
    />
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>

	<link rel="shortcut icon" href="logo.ico" type="image/x-icon">
    <title>学生党小陈|Chan</title>
  </head>
  <div class="mdui-container-fluid">
	<body class="mdui-appbar-with-toolbar ">
	  <!-- 工具栏-->
	  <div class="mdui-appbar mdui-appbar-fixed  mdui-shadow-0 mdui-appbar-scroll-hide">
		<div class="mdui-toolbar">
		  <button class="mdui-btn mdui-btn-icon " mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons">menu</i></button>
		  <span class="mdui-typo-title ">学生党小陈Chan|空白页</span>
		  <div class="mdui-toolbar-spacer"></div>
		</div>
	  </div>
	  <body class="mdui-drawer-body-left mdui-drawer-body-right">
		<div class="mdui-container-fluid">
		  <div class="mdui-drawer mdui-drawer-close" id="left-drawer">
			<ul class="mdui-list ">
			  <li class="mdui-list-item mdui-ripple mdui-img-rounded">
				<!--侧滑内容(图片)-->
				<div class="mdui-list-item-avatar"><img src="pic/chan.jpg"/></div>
				<div class="mdui-list-item-content">学生党小陈|Chan</div>
			  </li>

			  <a href="chan-gitee/" class="mdui-list-item mdui-ripple mdui-img-rounded mdui-m-t-1" >
				<i class="mdui-list-item-icon mdui-icon material-icons">home</i>
				<div class="mdui-list-item-content">主页</div>
			  </a>

			  <li class="mdui-subheader">©学生党小陈</li>
			</ul>
		  </div>
		</div> 





	  </body>
	  <script
		src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
		integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
		crossorigin="anonymous"
	  ></script>
